/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
:root .nb-grid-stack .grid-stack-item > .ui-resizable-handle {
	filter: none;
}
.nb-grid-stack {
	position: relative;
}
.nb-grid-stack.grid-stack-rtl {
	direction: ltr;
}
.nb-grid-stack.grid-stack-rtl > .grid-stack-item {
	direction: rtl;
}
.nb-grid-stack .grid-stack-placeholder > .placeholder-content {
	border: 1px dashed lightgray;
	margin: 0;
	position: absolute;
	width: auto;
	z-index: 0 !important;
	text-align: center;
}
.nb-grid-stack > .grid-stack-item {
	min-width: 8.3333333333%;
	position: absolute;
	padding: 0;
}

.nb-grid-stack > .grid-stack-item > .grid-stack-item-content {
	margin: 0;
	border: 0;
	position: absolute;
	width: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.nb-grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .nb-grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
	display: none;
}
.nb-grid-stack > .grid-stack-item.ui-draggable-dragging, .nb-grid-stack > .grid-stack-item.ui-resizable-resizing {
	z-index: 100;
}
.nb-grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .nb-grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
	box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
	opacity: 0.8;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-se, .nb-grid-stack > .grid-stack-item > .ui-resizable-sw {
	background-image: url("../media/light/notebook_views_card_handle.svg");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-se {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-nw {
	cursor: nw-resize;
	width: 20px;
	height: 20px;
	top: 0;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-n {
	cursor: n-resize;
	height: 10px;
	top: 0;
	left: 25px;
	right: 25px;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-ne {
	cursor: ne-resize;
	width: 20px;
	height: 20px;
	top: 0;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-e {
	cursor: e-resize;
	width: 10px;
	top: 15px;
	bottom: 15px;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-se {
	cursor: se-resize;
	width: 20px;
	height: 20px;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-s {
	cursor: s-resize;
	height: 10px;
	left: 25px;
	bottom: 0;
	right: 25px;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-sw {
	cursor: sw-resize;
	width: 20px;
	height: 20px;
	bottom: 0;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-w {
	cursor: w-resize;
	width: 10px;
	top: 15px;
	bottom: 15px;
}
.nb-grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
	display: none !important;
}
.nb-grid-stack > .grid-stack-item[gs-w='1'] {
	width: 8.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-x='1'] {
	left: 8.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='1'] {
	min-width: 8.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='1'] {
	max-width: 8.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-w='2'] {
	width: 16.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-x='2'] {
	left: 16.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='2'] {
	min-width: 16.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='2'] {
	max-width: 16.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-w='3'] {
	width: 25%;
}
.nb-grid-stack > .grid-stack-item[gs-x='3'] {
	left: 25%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='3'] {
	min-width: 25%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='3'] {
	max-width: 25%;
}
.nb-grid-stack > .grid-stack-item[gs-w='4'] {
	width: 33.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-x='4'] {
	left: 33.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='4'] {
	min-width: 33.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='4'] {
	max-width: 33.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-w='5'] {
	width: 41.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-x='5'] {
	left: 41.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='5'] {
	min-width: 41.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='5'] {
	max-width: 41.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-w='6'] {
	width: 50%;
}
.nb-grid-stack > .grid-stack-item[gs-x='6'] {
	left: 50%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='6'] {
	min-width: 50%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='6'] {
	max-width: 50%;
}
.nb-grid-stack > .grid-stack-item[gs-w='7'] {
	width: 58.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-x='7'] {
	left: 58.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='7'] {
	min-width: 58.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='7'] {
	max-width: 58.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-w='8'] {
	width: 66.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-x='8'] {
	left: 66.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='8'] {
	min-width: 66.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='8'] {
	max-width: 66.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-w='9'] {
	width: 75%;
}
.nb-grid-stack > .grid-stack-item[gs-x='9'] {
	left: 75%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='9'] {
	min-width: 75%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='9'] {
	max-width: 75%;
}
.nb-grid-stack > .grid-stack-item[gs-w='10'] {
	width: 83.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-x='10'] {
	left: 83.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='10'] {
	min-width: 83.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='10'] {
	max-width: 83.3333333333%;
}
.nb-grid-stack > .grid-stack-item[gs-w='11'] {
	width: 91.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-x='11'] {
	left: 91.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='11'] {
	min-width: 91.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='11'] {
	max-width: 91.6666666667%;
}
.nb-grid-stack > .grid-stack-item[gs-w='12'] {
	width: 100%;
}
.nb-grid-stack > .grid-stack-item[gs-x='12'] {
	left: 100%;
}
.nb-grid-stack > .grid-stack-item[gs-min-w='12'] {
	min-width: 100%;
}
.nb-grid-stack > .grid-stack-item[gs-max-w='12'] {
	max-width: 100%;
}
.nb-grid-stack.grid-stack-1 > .grid-stack-item {
	min-width: 100%;
}
.nb-grid-stack.grid-stack-1 > .grid-stack-item[gs-w='1'] {
	width: 100%;
}
.nb-grid-stack.grid-stack-1 > .grid-stack-item[gs-x='1'] {
	left: 100%;
}
.nb-grid-stack.grid-stack-1 > .grid-stack-item[gs-min-w='1'] {
	min-width: 100%;
}
.nb-grid-stack.grid-stack-1 > .grid-stack-item[gs-max-w='1'] {
	max-width: 100%;
}
.nb-grid-stack.grid-stack-animate, .nb-grid-stack.grid-stack-animate .grid-stack-item {
	-webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
	-moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
	-ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
	-o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
	transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}
.nb-grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .nb-grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .nb-grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
	-webkit-transition: left 0s, top 0s, height 0s, width 0s;
	-moz-transition: left 0s, top 0s, height 0s, width 0s;
	-ms-transition: left 0s, top 0s, height 0s, width 0s;
	-o-transition: left 0s, top 0s, height 0s, width 0s;
	transition: left 0s, top 0s, height 0s, width 0s;
}
.nb-grid-stack.ui-droppable.ui-droppable-over > *:not(.ui-droppable) {
	pointer-events: none;
}


.nb-grid-stack {
	margin: 0 2px;
}

.nb-grid-stack + .empty-message{
	text-align: center;
}

.nb-grid-stack > .grid-stack-item {
	margin: 0;
}
.nb-grid-stack > .grid-stack-item .grid-stack-header {
	width: 100%;
	height: 20px;
}
.nb-grid-stack > .grid-stack-item .grid-stack-footer {
	width: 100%;
	height: 20px;
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content {
	display: flex;
	cursor: move;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13);
	border-radius: 2px;
	overflow: visible;
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content > .grid-stack-content-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-bottom: 0px;
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content .grid-stack-content-wrapper-inner {
	height: calc(100% - 25px);
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content .grid-stack-content-wrapper-inner .card-container {
	overflow-y: auto;
	height: 100%;
	cursor: auto;
	padding: 0 10px;
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content ::-webkit-scrollbar {
	width: 8px;
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content .grid-stack-content-header {
	flex-direction: row;
	justify-content: space-between;
	display: flex;
	margin-bottom: 3px;
	padding: 0 5px;
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content .grid-stack-content-header .action-label.codicon{
	background-size: 16px;
	padding: 11px;
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content .grid-stack-item-title {
	font-size: 13px;
	line-height: 25px;
	font-weight: 400;
}
.nb-grid-stack > .grid-stack-item .grid-stack-item-content .actionbar {
	z-index: 999;
}
.nb-grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,.nb-grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content{
	box-shadow:1px 4px 6px rgba(0,0,0,.2);
	opacity:.8
}

.nb-grid-stack > .grid-stack-item > .ui-resizable-se,.nb-grid-stack > .grid-stack-item > .ui-resizable-sw {
	background-image:url("../media/light/notebook_views_card_handle.svg");
	background-repeat:no-repeat;
	background-position:center;
	transform: rotate(0deg);
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-nw{
	cursor:nw-resize;
	width:20px;
	height:20px;
	left:10px;
	top:0
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-n{
	cursor:n-resize;
	height:10px;
	top:0;
	left:25px;
	right:25px
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-ne{
	cursor:ne-resize;
	width:20px;
	height:20px;
	right:10px;
	top:0
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-e{
	cursor:e-resize;
	width:10px;
	right:10px;
	top:15px;
	bottom:15px
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-se{
	cursor:se-resize;
	width:20px;
	height:20px;
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-s{
	cursor:s-resize;
	height:10px;
	left:25px;
	bottom:0;
	right:25px
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-sw{
	cursor:sw-resize;
	width:20px;
	height:20px;
	left:10px;
	bottom:0
}
.nb-grid-stack > .grid-stack-item > .ui-resizable-w{
	cursor:w-resize;
	width:10px;
	left:10px;
	top:15px;
	bottom:15px
}

.nb-grid-stack text-cell-component .notebook-preview {
	padding: 0px 0px 0px;
}

.nb-grid-stack output-area-component .notebook-output {
	padding: 0px 0px 0px;
}
